<?php include ROOT . '/views/layouts/header.php'; ?>

<main>
    <!-- section hero -->
    <section>
        <div class="bg-blue-500 sm:grid grid-cols-5 grid-rows-2 px-4 py-6 min-h-full lg:min-h-screen space-y-6 sm:space-y-0 sm:gap-4">
            <div class="h-96 col-span-4 bg-gradient-to-tr from-yellow-500 to-yellow-300 rounded-md flex items-center">
                <div class="ml-20 w-80">
                    <h2 class="text-blue-500 font-bold text-4xl">NetFlix</h2>
                    <p class="text-blue-500 font-semibold mt-4 capitalize tracking-wider leading-7">Тут должна быть ваша
                        реклама</p>
                    <a href="#"
                       class="uppercase inline-block mt-8 text-sm bg-blue-500 text-white py-2 px-4 rounded font-semibold hover:bg-blue-800">Начало</a>
                </div>
            </div>
            <div class="h-96 col-span-1 ">
                <div class="bg-blue-500 py-3 px-4 rounded-lg flex justify-around items-center ">
                </div>
            </div>
        </div>

    </section>

</main>

<?php include ROOT . '/views/layouts/footer.php'; ?>